Theme Editor

Once a theme is opened in the editor, admins can changing the settings for the various components of a theme.

  • General - sets the standard font and color palette to be used throughout the theme
  • Grid - these are settings uniquely set for the grid visual determining how it will look and feel: columns, rows and data cells.
  • Visuals - these settings govern all other visuals, covering titles, axes, grid lines, legends and range colors
  • Text - these settings govern the way text elements in the app can be styled. Text elements are text boxes added in Present, Publish and Illustrate. It also includes the panel text designs in the Present app.
  • Masters - these settings allow the governance of the main design(or "masters") for Present dashboards and Publish report templates,

Style Inheritance

By choosing the inheritance option for settings (where available), the parent settings will be applied. This makes it easier to create consistent styles that cascade through the style template from the top to the bottom. Inherited settings flow from the general element from each section. And the general element from each section cascades from the of the theme.

Custom Fonts

Admins can import custom fonts into the platform, to be used in theme templates and for user to change the way text appears throughout the application.

Theme Setting Guide

General

 

Font

Set the theme default font type.

Font Size

Set the default font size.

Font Style

Set the default font style.

Font Weight

Set the default font weigh (bold, normal)

Font Color

Set the default font color.

Background Color

Set the default canvas color.

Line Color

Set the default line or stroke color.

Report Colors

Set the default colors for data in the visualizations, in the desired order. For instance, in a bar chart, Report Color #1 corresponds to the first bar, Report Color #2 corresponds to the second bar, and so on.

In a grid, Report Color #1 corresponds to the grid column headers, while Report Color #2 will serve as the default color for grid row headers.

 

Grid

Set visual preferences for grids.

General

Set the font type, size, style, weight, and color, as well as the canvas color. To use the preference that were set under General (above), select 'inherit.'

Columns

Sets styling of the column layer in a matrix or tabular grid. (green arrows below)

Column Header

Sets styling of the column headers in a matrix grid. (purple arrow below)

Rows

Sets styling of the row layer in a matrix or tabular grid. (yellow arrow below)

Row Header

Sets styling of the row headers in a matrix grid. (blue arrow below)

Data

Font, padding, alignment, and background color preferences for cells in a matrix grid (red arrow below)

Border

Width and color of the cell lines of the grid. (black arrow below)

Color Mapping

Sets the mechanism for how to automatically apply the general colors to the columns and rows of a matrix grid. With independent settings for the colors of a tabular grid.

Visuals

Set visual preferences for all other visuals (except grids).

General

Set the font type, size, style, weight, and color, as well as the canvas color. To use the preference that were set under General (above), select 'inherit.'

Report Title

Font preferences for the report title. (black arrow below)

Multi Chart Title

Font and alignment preferences for trellis chart titles. (red arrows below)

Legend

Font, position, and line preferences for legends and legend titles.

X-Trellis Axis

Font preferences for the x-trellis axis in multi charts. (teal arrow below)

X-Axis

Font and line preferences for the x-axis for a given chart (purple arrow below)

X-Axis Title

Font and line preferences for the x-axis title. (fuchsia arrow below)

Y-Trellis Axis

Font preferences for the y-trellis axis in multi charts. (blue arrow below)

Y-Axis

Font and line preferences for the y-axis for a given chart (green arrow below)

Y-Axis Title

Font and line preferences for the y-axis title. (yellow arrow below)

Data Labels

Font and background preferences for data labels. (light green arrow below)

Plot Area

Set the background color for the plotting area, as well as the line width and color. (gray arrow below)

Cartesian Style

Set the opacity setting. (0= transparent, 1=opaque)

X-Grid Lines

Set the line color and width for x-axis grid lines (vertical) (orange arrow below)

Y-Grid Lines

Set the line color and width for y-axis grid lines (horizontal) (light blue arrow below)

Data Points

Set the default outline thickness for data points (for line, area, point, scatter and bubble)

Range Colors

Sets the default 3 color bands (and opacities) for KPI's, gauges and continuous legends. The "target" and "Actual" colors are used for bullets Gauges.

Range colors can be seen below:

 

 

Text Style

Set visual preferences for text objects.

General

Set the font type, size, style, weight, and color for the MAIN text style.

Heading 1

Font preferences for the main header style.

Heading 2

Font preferences for the secondary header style.

Heading 3

Font preferences for the tertiary header style.

Heading 4

Font preferences for the last header style.

Panel Heading

Font preferences for the Panel header in Present and Publish (red arrow below)

Panel Breadcrumbs

Font preferences for the Panel breadcrumbs in Present and Publish (green arrow below)

Master Pages in Themes

Each theme can include full page designs for Present dashboards and Publish reports using master pages. Existing master pages can be attached to a given theme, which will then become the default master page design deployed when that theme is used. For more, click here.